<template>
    <div class="app background">
    <!-- 这里是关注页面 -->
        <div v-for="item in lute" class="goods">
            <img :src="item.productImageditys" alt="">
        </div>
    </div>
</template>
<script>
import axios from 'axios';
export default {
    name: 'app',
    data() {
        return {
            lute: [],
            userId: JSON.parse(localStorage.getItem('user')).id,
        }
    },
    created() {
        this.lu();
    },

    methods: {
        lu() {
            axios
                .get("/api/UserCenter/MyConcerns?Id="+this.userId)
                .then(res => {
                    this.lute = res.data
                    console.log(res);
                })

        },

    }

}
</script>
<style>
.ge {
    right: -70px;

}



.goods {
    float: left;
    width: 500px;
    height: 500px;
    margin-left: 20px;
}

.goods img {
    width: 500px;
    height: 400px;
}

.Information p {
    font-size: 30px;
    font-family: "楷体";
    position: absolute;
    left: 870px;
    top: 180px;

}
</style>